<?php
header('Content-Type:text/html;charset=UTF-8');


?>
<!DOCTYPE html>
<html>
   <head>
      <title>SuperMarket</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
      <script src="bootstrap/js/jquery-1.11.1.min.js"></script>
      <script src="bootstrap/js/bootstrap.min.js"></script>
      <!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
<script>
	$(function(){
		$('#a').click(function(){
			$('#img').attr('src','img.php')
		});
		});
</script>
   <style>
   body{padding-top:10px;border:solid 1px;height:780px;background:url(img/ig.jpg);}
   .container{width:980px;height:400px;}
   .title{width:1300px;height:60px;margin:60px;border-radius:30px;text-align:center}
   #input{width:90px;float:left;}
   #img{float:left;margin-left:7px}
   #a{float:left;margin-left:7px;margin:8px;color:red}
   #alert{color:red;font-size:20px;text-align:center}
   </style>
   <body>
	<div class="title">
	
	</div>
   	<?php if(!empty($mes)){ ?>
   			<div class="col-xs-5 col-xs-offset-4" id="alert"><?php echo $mes; ?></div>
		<?php } ?>
   <div class="container">
   	<div class="row">   
   		<div class="col-xs-5 col-xs-offset-4">
				<div class="panel panel-success">
				<div class="panel-title"></div>
   					<div class="panel-heading">
   					<div class="primary-default">
   				<h3 class="glyphicon glyphicon-shopping-cart">宜家超市</h3>
				</div>
			</div>
		<div class="panel-body">
  			<form class="form-horizontal has-success"  action="login.php">
  			<div class="form-group">     
  				<label class=" col-xs-3 control-label">登录名:</label>
				<div class="col-xs-7">
					<div class="input-group">
						<div class="input-group-addon">
							<span class="glyphicon glyphicon-user"></span>
						</div>
						<input class="form-control"  name="login" placeholder="登录名"/>
					</div>
				</div>
  			</div>
			<div class="form-group">
  				<label class=" col-xs-3 control-label">密　码:</label>
				<div class="col-xs-7">
					<div class="input-group">
						<div class="input-group-addon">  
						 <span class="glyphicon glyphicon-lock"></span>
						</div>
					<input class="form-control" name="password" type="password" placeholder="密码" />
				</div>
			</div>
  		</div>
  		<div class="form-group">     
  				<label class=" col-xs-3 control-label">验证码:</label>
				<div class="col-xs-9 code">
					<div class="input-group">
							<input class="form-control"  name="code" id="input" placeholder="验证码"/>
							<img id="img" src="img.php"/>
					  		<a href="#" id="a">换一张</a>
					</div>
				</div>
  			</div>
			<button class="btn btn-success pull-right" type="submit">登　录</button>
			</form>
			</div>
			</div>
			
		</div>
	</div>
  </div>
   </body>
</html>

